<template>
  <div>
    <router-view name="login"></router-view>
    <router-view name="register"></router-view>
    <router-view name="article"></router-view>
    <router-view name="personal"></router-view>
    <router-view name="search"></router-view>
    <Main></Main>
  </div>
</template>

<script>
import Main from "./views/Main";
export default {
  name: 'App',
  components: {
    Main
  },

  computed: {

  }
}
</script>

<style>
/*引入图标库*/
@import "~font-awesome/css/font-awesome.min.css";
/*引入样式重置文件*/
@import "/css/reset.css";
  *{
    margin: 0;
    padding: 0;
  }
body,html{
  widht:100%;
  height:100%;
  background-color: #DDDDDD;
}
</style>
